<#assign module="dispatch"/>
<@override name="header">
<link href="//api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.css" rel="stylesheet" type="text/css" />
</@override>
<@override name="body">
	<audio id="new_order_play" src="${ctx}/assets/audio/new_msg.mp3" hidden="true" ></audio>
<div class="panel-heading">
	<a id="panelleft" href="#"><img src="${ctx}/assets/img/lbiao.png"width="30" height="22"/></a>
	<a href="javascript:;" id="showkongxian" class="driver-status kongxian kongxian_active" data-value="kongxian"><span>空闲 <span id="kongxianDrivers">0</span></span></a>
	<a href="javascript:;" id="showpaidan" class="driver-status pdan " data-value="paidan"><span>已派单 <span id="paidanDrivers">0</span></span></a>
	<a href="javascript:;" id="showmanglu" class="driver-status manglu " data-value="manglu"><span>忙碌 <span id="mangluDrivers">0</span></span></a>
	<a href="javascript:;" id="showlixian" class="driver-status lixian " data-value="lixian"><span>离线 <span id="lixianDrivers">0</span></span></a>
	<a href="javascript:;" id="showworkcar" class="driver-status gzche " data-value="workcar"><span>工作车 <span id="workcarDrivers">0</span></span></a>
	<div style="float:right;">
		<a href="#"><img id="panelright" src="${ctx}/assets/img/lbiao.png" width="30" height="22"/></a>
	</div>
</div>
<div class="panel-map">
	<div class="panel-left"style="display: block;">
		<div class="panel-left_title">正在执行（<span id="driver-busy-amount">0</span>）</div>
		<div class="panel-left_te" id="driver-busy-div">
			
		</div>
	</div>
	
	<div class="panel-right" style="display: block;">
		<div class="panel-right_title">未派单（<span id="new-orders-amount">0</span>）</div>
		<div class="panel-right_te" id="new-orders-div">
		</div>
		<div class="panel-right2">
			<div class="col-xs-3 panel-text-juli">
				<b>推荐</b>
			</div>
			<div class="col-xs-9 panel-juli">
				<input id="search_drivers" type="text" class="form-control" placeholder="姓名/工号/电话号码">
			</div>
		</div>
		<div class="panel-right3" id="tuijian-driver-div">
			
		</div>
	</div>	
	
	<div id="allmap" style="z-index: 9; width:100%;height:800px;">
    </div>
        		
</div>
			
</@override>
<@override name="footer">
<script type="text/javascript">
	window.daijia = {
		ctx:'${ctx}',
		lng:'${longitude?if_exists}',
		lat:'${latitude?if_exists}',
		userId:'<@shiro.principal property='id'/>',
		dj:false,
		zhuanche:false,
		freight:false
	};
	<@daijia>
		window.daijia.dj=true;
	</@daijia>
	<@zhuan>
		window.daijia.zhuanche=true;
	</@zhuan>
	<@freight>
		window.daijia.freight=true;
	</@freight>
</script>
	<script src="//api.map.baidu.com/api?v=2.0&ak=AuNk3YS21DSmHEEvIFDf9dbD" type="text/javascript"></script>
	<script src="//api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js" type="text/javascript"></script>
	<script src="${ctx}/assets/js/RichMarker_min.js" type="text/javascript"></script>
	<script src="${ctx}/assets/js/utils/collections.js"></script>
	<script src="${ctx}/assets/js/diaodu/mapmodev3.js" type="text/javascript"></script>
	<script src="${ctx}/assets/js/pushmessage.js"></script>
</@override>
<@extends name="../layout.ftl"/>